<html>
	<head>
        <title>Reddit Notifier</title>
   		<link type="text/css" href="css/themes/redmond/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />
		<link type="text/css" href="css/default.css" rel="Stylesheet" />
		<link type="text/css" href="css/sortable.css" rel="Stylesheet" />
			
		<script type="text/javascript" src="lib/air/AIRAliases.js"></script>
		<script type="text/javascript" src="lib/air/AIRIntrospector.js"></script><!-- for debugging -->
		<script type="text/javascript" src="lib/air/AIRMenuBuilder.js"></script>
		
		<script type="text/javascript" src="lib/jquery/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="lib/jquery/jquery.json-1.3.min.js"></script>
		<script type="text/javascript" src="lib/jquery/jquery-sort.js"></script>
		<script type="text/javascript" src="lib/jquery/jquery.simpletip-1.3.1.pack.js"></script>
		<script type="text/javascript" src="lib/jquery/jquery.xmldom-1.0.min.js"></script>
		<script type="text/javascript" src="lib/jquery/ui/jquery-ui-1.7.2.custom.js"></script>
		
		<script type="text/javascript" src="lib/utils.js"></script>
		
		<script type="text/javascript" src="lib/global_variables.js"></script>
		<script type="text/javascript" src="lib/windowFunctions.js"></script>
		<script type="text/javascript" src="lib/reddit-login.js"></script>
		<script type="text/javascript" src="lib/messages.js"></script>
		<script type="text/javascript" src="lib/comments.js"></script>
		<script type="text/javascript" src="lib/submissions.js"></script>
		<script type="text/javascript" src="lib/script.js"></script>
	</head>
	<body>

		<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">

			<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
				<li class="ui-corner-top ui-tabs-selected ui-state-active"><a id="redditPageTab" href="#loginTab">Login</a></li>
				<li class="ui-corner-top ui-state-default"><a id="messageSortTab" href="#messageTab">Inbox</a></li>
				<li class="ui-corner-top ui-state-default"><a id="submissionsSort" href="#submissionsSortTab">Submissions</a></li>
				<li class="ui-corner-top ui-state-default"><a id="commentSort" href="#commentSortTab">Comments</a></li>
			</ul>

			<div id="loginTab" class="ui-tabs-panel ui-widget-content ui-corner-bottom tab">
				<div style="display:none" class='loader'>
					<img src="img/ajax-loader.gif" alt="loading"/>
					<div>Working...</div>
				</div>
				<div class='content'>
					<form style="display:none" class="loginForm" onsubmit="return redditLogin()" id="redditLogin" method="post">
						<table summary="reddit login details.">
							<tr>
								<td>
							<label for="userName">User Name:</label>
								</td>
								<td>
									<input type="text" id="userName" maxlength="20" name="user" />
								</td>
							</tr>
							<tr>
								<td>
									<label for="password">Password:</label>
								</td>
								<td>
									<input type="password" id="password" maxlength="20" name="passwd" />
								</td>
							</tr>
							<tr>
								<td>
									<button type="submit" class="btn">Login</button>
								</td>
								<td>
									<span id="loginError" style="display:none">Invalid Password.</span>
								</td>
							</tr>
							<!--
							<tr>
								<td colspan="2">
									<label for="rem-login-main">remember me</label>
									<input type="checkbox" id="rem-login-main" name="rem" />
								</td>
							</tr>
							-->
						</table>
					</form>
					<span id="loggedIn" style="display:none"></span>
					<span id="logout" style="display:none"><a href="#">Logout</a>.</span>
					<iframe
						style="visibility:hidden;"
						id="redditPage"
						sandboxRoot="http://www.reddit.com/local/"
						documentRoot="app:/reddit-sandbox/"
						src="http://www.reddit.com/local/iframe.html"
						width="1px" height="1px">
					</iframe>
				</div>
			</div>
			<div id="messageTab" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide tab">
				<div id="messageRefresh">
					<a href="javascript:void()">
						<img src="img/Knob Refresh.png" alt="Refresh Messages">
					</a>
				</div>
				<div id="messageLoader" style="display:none" class='loader'><img src="img/ajax-loader.gif" alt="loading"/></div>

				<div class='content'>
					<div id="messages">
					</div>
				</div>
			</div>
			<div id="submissionsSortTab" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide tab">
				<div id="submissionRefresh">
					<a href="javascript:void()">
						<img src="img/Knob Refresh.png" alt="Refresh Messages">
					</a>
				</div>
				<div id="submissionsLoader" style="display:none" class='loader'><img src="img/ajax-loader.gif" alt="loading"/></div>
				<div class='content'>
					<div style="font-size:xx-small; position:relative; top:-10px">Sort the submissions by clicking on the column headers.</div>
					<div id="theSubmissions">
						<table class="sortable" id="theSubmissionsTable" width="105%"> 
	
						</table> 
					</div>
				</div>
			</div>
			<div id="commentSortTab" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide tab">
				<div id="commentRefresh">
					<a href="javascript:void()">
						<img src="img/Knob Refresh.png" alt="Refresh Messages">
					</a>
				</div>
				<div id="commentsLoader" style="display:none" class='loader'><img src="img/ajax-loader.gif" alt="loading"/></div>
				<div class='content'>
					<div id="commentsLoader" style="display:none" class='loader'><img src="img/ajax-loader.gif" alt="loading"/></div>
					<div style="font-size:xx-small; position:relative; top:-10px">Sort the comments by clicking on the column headers.</div>
					<div id="theComments">
						<table class="sortable" id="theCommentsTable" width="105%"> 
	
						</table> 
					</div>
				</div>
			</div>
		</div>
		
		<div class="col2" id="icontainer">
			
		</div>

	</body>
</html>
